<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./src/css/bootstrap.min.css">
    <link rel="stylesheet" href="./src/css/index.css">
    <script src="./src/js/jquery-1.10.2.min.js"></script>
    <script src="./src/js/setScale.js"></script>
</head>

<body>
    <div class="wrapper">
        <div class="global-content">
            <header>
                <img src="./src/img/logo.png" alt="">
            </header>
            <div class="login-body addAnimation">
                <div class="animation-box">
                </div>
                <div class="virus virus_1"></div>
                <div class="virus virus_2"></div>
                <div class="virus virus_3"></div>
                <div class="virus virus_4"></div>
                <div class="virus virus_5"></div>
                <div class="virus virus_6"></div>


                <div class="login-from">
                    <p class="login-tit">欢迎登录</p>
                    <p class="login-error-msg">您输入的账号不存在，可点击注册</p>
                    <form>
                        <div class="form-group has-feedback ">
                            <span class="glyphicon glyphicon-ok form-control-feedback">
                                <img src="./src/img/user.png" alt="">
                            </span>

                            <input type="email" class="form-control " id="" placeholder="用户名">
                        </div>
                        <div class="form-group has-feedback ">
                            <span class="glyphicon glyphicon-ok form-control-feedback">
                                <img src="./src/img/pwd.png" alt="">
                            </span>

                            <input type="email" class="form-control " id="" placeholder="密码">
                        </div>
                        <div class="form-group has-code">
                            <input style="width: 160px;" type="email" class="form-control " id="" placeholder="验证码">
                            <span class="code-box">
                                <img src="./src/img/t1.png" alt="">
                            </span>
                            <a href="javascript:;" class="code-btn">换一张</a>
                        </div>
                        <div class="login-btn">
                            <button
                                style="width: 100%;color:#52FFFD;font-size:24px;height:48px;line-height:36px;background:#013CD9;border-color: #013CD9;"
                                type="button" class="btn btn-primary">登 录</button>
                        </div>


                    </form>
                </div>
            </div>
            <img id="defautbg" class="bottom-bg" src="./src/img/login-bottom.png" alt="">

        </div>
    </div>

    <!-- <script src="./src/js/three.js"></script>
    <script type="x-shader/x-vertex" id="vertexshader">
        attribute float scale;
			void main() {
				vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
				gl_PointSize = scale * ( 300.0 / - mvPosition.z );
				gl_Position = projectionMatrix * mvPosition;
			}
		</script>

    <script type="x-shader/x-fragment" id="fragmentshader">
        uniform vec3 color;
			void main() {
				if ( length( gl_PointCoord - vec2( 0.5, 0.5 ) ) > 0.475 ) discard;
				gl_FragColor = vec4( color, 1.0 );
			}
        </script>
    <script src="./src/js/login.js"></script> -->

</body>

</html>